/************************************************
  SECTION Countdown
*************************************************/
:root {
  --font-size-countdown: 80px;
  --font-size-countdown-span: 30px;
  --pill-h: 82px;
  --pill-gap: 14px;
  --pill-pad-r: 32px;
  --pill-pad-l: 20px;
  --db-font-size: 23px;
  --db-icon: 50px;
}

@media (min-width: 1024px) {
  :root {
    --font-size-countdown: 95px;
    --font-size-countdown-span: 36px;
    --db-font-size: 26px;
    --db-icon: 56px;
  }
}

@media (min-width: 1200px) {
  :root {
    --font-size-countdown: 120px;
    --font-size-countdown-span: 48px;
  }
}

@media (max-width: 744px) {
  :root {
    --font-size-countdown: 65px;
    --font-size-countdown-span: 25px;
  }
}
@media (max-width: 575px) {
  :root {
    --font-size-countdown: 45px;
    --font-size-countdown-span: 18px;
    --pill-h: 66px;
    --pill-gap: 10px;
    --pill-pad-r: 15px;
    --pill-pad-l: 15px;
    --db-font-size: 16px;
    --db-icon: 40px;
  }
}


#mdpage .section-countdown { padding: 80px 0;}
#mdpage .section-countdown .samsung-row * { text-align: center;}
#mdpage .section-countdown a { color:#ffffff;}
#mdpage .section-countdown h2 { line-height: 1.2; }

#mdpage .expire-smarttag {
  position: relative;
  display: inline-block;
  /*max-width: 550px;*/
  margin: 0 auto;
}


/*** Box time e Galaxy Smarttag2 ***/
#mdpage .box-expire {
  /* ---- Colori / misure modificabili ---- */
  --db-grad-start: #3193F2;   /* blu chiaro (sinistra) */
  --db-grad-end:   #2D61D0;   /* blu scuro (destra)    */
  --db-text:       #FFFFFF;
  box-sizing: border-box;
  width: 100%;
}
#mdpage .box-expire * {
  box-sizing: border-box;
}
#mdpage .box-expire .dp__pill {
  display: flex;
  align-items: center;
  gap: var(--pill-gap);
  min-height: var(--pill-h);
  padding: 8px var(--pill-pad-r) 8px var(--pill-pad-l);
  border-radius: 999px;
  background: linear-gradient(90deg, var(--db-grad-start) 0%, var(--db-grad-end) 100%);
}
#mdpage .box-expire .db__icon {
  flex: 0 0 auto;
  width: var(--db-icon);
  height: var(--db-icon);
  display: block;
}
#mdpage .box-expire .db__text {
  margin: 0;
  font-size: var(--db-font-size);
  line-height: 1.1;
}

#mdpage .box-smarttag {
  --promo-border: #2D61D0;
  --promo-fs-lg:  14px;
  --promo-fs-sm:  9px;

  display: inline-block;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  max-width: 280px;
  min-height: 82px;
  margin-top: 30px;
}
#mdpage .box-smarttag * {
  box-sizing: border-box;
}

#mdpage .box-smarttag .promo__pill {
  display: flex;
  align-items: center;
  min-height: 72px;
  padding: 5px 22px 5px 76px;
  background: #FFFFFF;
  border: 1.5px solid var(--promo-border);
  border-radius: 40px;
}

#mdpage .box-smarttag .promo__media {
  position: absolute;
  left: 10px;
  top: -20%;
  width: auto;
  height: 140%;
  pointer-events: none;
}

#mdpage .box-smarttag .promo__text {
  flex: 1 1 auto;
  text-align: center;
}

#mdpage .box-smarttag .promo__lg {
  font-size: var(--promo-fs-lg);
  line-height: 1.18;
}
#mdpage .box-smarttag .promo__lg strong { font-weight: 700; }

#mdpage .box-smarttag .promo__sm {
  margin: 4px 0 0;
  font-size: var(--promo-fs-sm);
  line-height: 1.25;
}


@media (min-width: 1200px) {
  #mdpage .box-smarttag {
    position: absolute;
    top: 0;
    left: 103%;
    margin-top: 0px;
  }
}

@media (min-width: 1200px) {
}

@media (max-width: 744px) {
}
@media (max-width: 479px) {
}



/*** Countdown ***/
#mdpage #countdown {
  display: flex; align-items: center;justify-content: center;
  margin: 60px 0 0;
  font-family: 'SamsungSSHead', Arial, sans-serif;
  font-size: var(--font-size-countdown);
  line-height: 1.2;
}
#mdpage #countdown div { border-right: 1px solid #000000; padding: 0 25px;}
#mdpage #countdown div:last-child {border-right: 0;}
#mdpage #countdown span {
  display: block;
  font-weight: normal;
  font-size: var(--font-size-countdown-span);
}


@media (min-width: 1024px) {
}
@media (min-width: 1200px) {
}

@media (max-width: 744px) {
  #mdpage .section-countdown { }
  #mdpage #countdown {margin: 30px 0 0; }
}
@media (max-width: 575px) {
  #mdpage #countdown div { border-right-width: 1px; padding: 0 13px;}
}










/************************************************
  SECTION Products/Promo
*************************************************/
#mdpage .section-products {
  padding-top: 0;
}
#mdpage .section-products .articles {
  display: flex;
  gap: 10px;
}


#mdpage .offer-fluid {
  --w-max: 392px;     /* larghezza massima (ideale) del blocco */
  --base:  16px;      /* dimensione base a larghezza massima     */
  /* 100cqw = larghezza del blocco -> base = (base/w-max)*larghezza, max = base */
  container-type: inline-size;
  width:100%;
  max-width:var(--w-max);
  margin:0 auto;
}

#mdpage .offer {
  --brd-1:#4A91CC; --brd-2:#365DA4;      /* bordo card (sfumatura) */
  --ink:#000000;                          /* testo nero            */
  box-sizing:border-box;
  width:100%;
  margin:40px auto 0;
  color:#000000;
  font-size: min(var(--base), calc(var(--base) / var(--w-max) * 100cqw));
}

#mdpage .offer h3 {
  font-size: 2.25em;
}

#mdpage .offer *,
#mdpage .offer *::before,
#mdpage .offer *::after{
  box-sizing:border-box;
}

/* ---- Card con bordo sfumato ---- */
#mdpage .offer__card {
  position:relative;
  margin-top: 20px;
  padding:1em 1.25em 2em;
  border:.125em solid transparent;
  border-radius:1.375em;
  border-radius:22px;
  background:
    linear-gradient(#fff,#fff) padding-box,
    linear-gradient(135deg,var(--brd-1),var(--brd-2)) border-box;
  text-align:center;
}

/* ---- Riga alta ---- */
#mdpage .offer__top {
   margin:0 0 .625em;
  font-size:.875em;
  font-weight:400;
  line-height:1.2;
}
#mdpage .offer__top b {
  font-weight:700;
}

/* ---- Riga centrale: prezzo | icona | divisore | tasso ---- */
#mdpage .offer__mid {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.75em;
}

#mdpage .offer__price {
  display:flex;
  align-items:flex-start;
  gap: 2px;
  /*line-height:1;*/
}
#mdpage .offer__price-main {
  max-height: 35px;
  overflow: hidden;
  font-size:2.625em;
  font-weight:700;
  line-height: 1.1;
  letter-spacing:-.03em;
  white-space:nowrap;
}
#mdpage .offer__price-frac {
  display:flex;
  flex-direction: column;
  align-items:flex-start;
  line-height:1;
}
#mdpage .offer__price-frac-top {
  font-size:1.375em;
  letter-spacing:-.03em;
  white-space:nowrap;
  font-weight: 700;
}
#mdpage .offer__price-frac-top sup {
  font-size:.55em;
  top:-.7em;
}
#mdpage .offer__price-frac-sub {
  font-size:0.75em;
  letter-spacing:-.03em;
  white-space:nowrap;
}



#mdpage .offer__energy {
  height:2.125em;
  width:auto;
  display:block;
}

#mdpage .offer__divider {
  width:.0625em;
  align-self:stretch;
  min-height:2.25em;
  background:#C9C9C9;
}

#mdpage .offer__tasso {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  line-height:1.1;
}
#mdpage .offer__tasso-main {
  font-size:1.125em;
  font-weight:700;
  letter-spacing:.03em;
  white-space:nowrap;
}
#mdpage .offer__tasso-sub {
  margin-top:.15em; font-size:.75em;
  font-weight:400;
  white-space:nowrap;
}

/* ---- Condizioni ---- */
#mdpage .offer__cond {
  margin:.75em 0 0; font-size:.75em;
  font-weight:400;
  line-height:1.35;
}

/* ---- Bottone (scavalca il bordo inferiore) ---- */
#mdpage .offer__btn {
  position:absolute; left:50%; bottom:-1em; transform:translateX(-50%);
    display:inline-block; white-space:nowrap;
    padding:.7em 1.6em .5em; border-radius:100em;
    background:#fec136;
    /*border:.125em solid rgba(255,255,255,.55);*/
    box-shadow:0 .25em .625em rgba(40,80,150,.30);
    color:#000000; font-size:1.0625em; font-weight:700; line-height:1.1;
}

/* ---- Testo sotto la card ---- */
#mdpage .offer__foot {
  margin:2.125em 0 0;
  text-align:center;
  font-size:.875em;
  white-space:nowrap;
}


@media (min-width: 1200px) {
  #mdpage .offer {
    margin-top: 60px;
  }
}
@media (max-width: 744px) {
  #mdpage .section-products .articles {
    gap: 50px;
  }
  #mdpage .offer h3 {
    font-size: 1.75em;
  }
}


/************************************************
  SECTION Foldable
*************************************************/
#mdpage .section-foldable {
  padding: 0;
  height: 100vh;
  min-height: 700px;
  /*background:linear-gradient(180deg,#2e2d40,#9b97bb);*/
}